<script setup>
defineOptions({
  name: 'Headedr',
});
</script>

<template>
  <a-layout-header class="header flex items-center justify-between">
    <slot name="header-left"></slot>
    <slot name="menu"></slot>
    <slot name="header-right"></slot>
  </a-layout-header>
</template>

<style scoped>
.header {
  --at-apply: px-5;
}
</style>
